Embeddable AI Widget

Add AI chat, TTS, or any tool to your website with one line of code.

Дадаць AI на ваш вэб-сайт у адным радку

Убудоўваць віджэты Free.ai на любы вэб-сайт з простым </code>. AI чат, тэкста- ў- голас, пераклад, і стварэнне малюнкаў & mdash; поўна функцыянальны, не backend патрабуецца.</p> </div> </div> <div class="card border-0 shadow-sm mb-4" style="border-radius:14px"> <div class="card-body p-4"> <h3 class="fw-bold mb-3" style="font-size:1.15rem"><i class="bi bi-sliders me-2"></i>Наставіць памер убудовы</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Шырыня (px)</label> <input type="number" id="embed-width" class="form-control form-control-sm" value="400" min="250" max="800"> </div> <div class="col-md-4"> <label class="form-label small text-muted">Вышыня (px)</label> <input type="number" id="embed-height" class="form-control form-control-sm" value="500" min="300" max="800"> </div> <div class="col-md-4"> <label class="form-label small text-muted">Граніца</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Без межаў</option> <option value="1px solid #e5e7eb">Светлае поле</option> <option value="1px solid #000">Цёмная мяжа</option> <option value="2px solid #4f46e5">Рамка акцэнту</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Абнавіць усе прагляды</button> </div> </div> <div class="card border-0 shadow-sm mb-4" style="border-radius:14px"> <div class="card-body p-4"> <h3 class="fw-bold mb-3" style="font-size:1.15rem"><i class="bi bi-chat-dots me-2"></i>Віджэт AI Chat</h3> <p class="text-muted mb-3">Дадаць на свой сайт чат-бот з машынным навучаньнем. Гаспадыні могуць задаваць пытаньні і атрымліваць імгненныя адказы ад машыннага навучаньня.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Прагляд у рэжыме рэальнага часу</p> <iframe id="preview-chat" src="https://free.ai/embed/chat/" width="400" height="500" style="border:none;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.1)" loading="lazy">


                    
                        Убудаваны код
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Уласцівасці: 2500 гадоў да н.э. — 2500 гадоў да н.э. — перыяд эвалюцыі чалавечага грамадства.



        
        
            
                Comment=Візуальны рэдактар
                Дазваляе наведвальнікам пераўтвараць тэкст у натуральна гучаючую мову. Даступныя розныя голасу і мадэлі.
                
                    
                        Прагляд у рэжыме рэальнага часу
                        
                    
                    
                        Убудаваны код
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Уласцівасці: Кокоро, Piper, MeloTTS і Chatterbox. Мужчынскія і жаночыя голасу. Прайграванне і спампоўка гуку.
                    
                
            
        

        
        
            
                Пераклад
                Дадаць імгненна пераклад AI на ваш сайт. Падтрымка 450+ моваў праз MadLAD-400.
                
                    
                        Прагляд у рэжыме рэальнага часу
                        
                    
                    
                        Убудаваны код
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Уласцівасці: У 1999 годзе ў 450-гадовы юбілей кнігі была выпушчана 450-томная кніга, якая была перакладзена на 45 моў.
                    
                
            
        

        
        
            
                Адмысловыя магчымасціName
                Усе тэксты на сайце змяшчаюцца ў аўтарскім афармленні, з улікам тэксту на сайце.
                
                    
                        Прагляд у рэжыме рэальнага часу
                        
                    
                    
                        Убудаваны код
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Уласцівасці: FLUX. 2 Кляйн і Stable Diffusion XL мадэлі. Некалькі суадносін бакоў. Сцягнуць створаныя малюнкі.
                    
                
            
        

        
        
            
                Як гэта працуе
                
                    
                        
                        1. Скапіраваць код убудавання
Выберыце віджэт вышэй і скапіруйце тэг iframe.
                    
                    
                        
                        2. Уставіць у HTML
Дадаць iframe у любы пункт старонкі. Працуе з любым CMS, framework або статычным сайтам.
                    
                    
                        
                        3. Вашы наведвальнікі выкарыстоўваюць AI
Віджэт поўнафункцыянальны. Адпачывальнікі атрымліваюць бясплатныя штодзённыя абмежаванні - не патрэбны ключ API.
                    
                
            
        

        
        
            
                Парады
                
                    Змяніць width="100%" для рэагуючага віджэта, які запаўняе свой кантэйнер.
                    Дадаць loading="lazy" Дадаць iframe, каб адкласці загрузку да прагортвання віджэта ў выглядзе.
                    Пераносіць iframe ў <div> з max-width для кіравання памерам на большых экранах.
                    Усе віджэты выкарыстоўваюць штодзённы набор Free.ai знакаў. Адзінкі, якія ўваходзяць у Free.ai, атрымліваюць 12x больш знакаў (30/ дзень).
                    Вы хочаце павысіць абмежаванні для вашага сайта? Атрымаць ключ API і стварыць уласную інтэграцыю.
                
            
        

        
            Атрымаць ключ API
            Усе інтэграцыі








    
    
        
            Частыя пытанні
            
                
The widget is a lightweight iframe embed that adds Free.ai tools to any website. Copy and paste one line of HTML to embed AI chat, text-to-speech, translation, or image generation on your own site without building any AI infrastructure.
Copy the iframe embed code for the tool you want and paste it into your HTML. For example: <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none"></iframe>. That is all you need.
У цяперашні час чатыры інструменты: ШІ Чат (/ embed / chat /), Тэкст-у-мову (/ embed / tts /), Пераклад (/ embed / translate /), і Генерацыя малюнкаў (/ embed / image /). Кожны з іх з'яўляецца поўнафункцыянальным аўтаномным інтэрфейсам, які працуе ў любым iframe.
Так. Змяніць шырыню і вышыню iframe. Выкарыстоўвайце налады ў верхняй частцы гэтай старонкі, каб праглядзець розныя памеры і атрымаць абноўлены код убудовы. Вы таксама можаце вызначыць width=" 100% "для рэагуючых раскладак.
The widget is completely free to embed. Visitors use the Free.ai daily token pool. Anonymous visitors get 6,000 tokens per day, and signed-in users get 30,000 tokens per day.
Не. Iframe загружаюцца незалежна ад старонкі. Дадаць у тэг iframe "loading=" lazy", каб адкласці загрузку да таго часу, пакуль віджэт не будзе пракручаны. Віджэт выклікае API толькі тады, калі з ім звязаны наведвальнік.
Так. Любая платформа, якая падтрымлівае ўбудаваныя блокі HTML, можа выкарыстоўваць гэтыя віджэты. У WordPress выкарыстоўвайце ўбудаваны блок HTML. У Shopify выкарыстоўвайце ўбудаваны раздзел Liquid. У Squarespace выкарыстоўвайце кодовы блок.
Так. Інтэрфейсы віджэтаў цалкам рэагуюць і працуюць на тэлефонах, планшэтах і працоўных сталях. Яны аўтаматычна адаптуюцца да памераў iframe.
Yes. Since these are standard iframe embeds, they work in any framework. In React, just use <iframe src="https://free.ai/embed/chat/" /> directly in JSX. No special setup needed.
Чат выкарыстоўвае Qwen 2.5 7B. TTS прапануе Kokoro, Piper, MeloTTS і Chatterbox. Пераклад выкарыстоўвае MadLAD- 400 (450+ моў). Генераванне малюнкаў выкарыстоўвае FLUX. 1 Schnell, Stable Diffusion XL і Kandinsky 2.2. Усе мадэлі з адкрытым зыходным кодам.
The iframe widgets use the visitor's own Free.ai daily limits. For higher volume or custom integrations, use our API directly with your API key. See the Developer page for details.
Не. Адвідж можна выкарыстоўваць ананімна з 6000 бясплатнымі штодзённымі значкамі. Калі вы ўвайшлі ў сістэму з Free.ai у іншай картцы, вы аўтаматычна атрымаеце большы штодзённы ліміт у 30 значак.

Embeddable AI Widget

Дадаць AI на ваш вэб-сайт у адным радку

Comment=Візуальны рэдактар

Пераклад

Адмысловыя магчымасціName

Як гэта працуе

Парады

Частыя пытанні

Што такое Free.ai убудаваны віджэт?

Як дадаць віджэт на мой вэб-сайт?

Якія інструменты AI я магу ўбудаваць?

Ці магу я змяніць памер віджэтаў?

Ці каштуе гэты віджэт?

Ці будзе гэты віджэт запавольваць мой сайт?

Ці магу я ўбудаваць віджэт у WordPress, Shopify або Squarespace?

Ці працуе віджэт на мабільных прыладах?

Ці магу я ўбудаваць віджэт у праграму React або Vue?

Якія мадэлі AI падтрымліваюць віджэты?

Ці магу я выкарыстоўваць свой уласны ключ API з віджэтам?

Ці патрэбен наведвальнікам рахунак Free.ai для выкарыстання віджэта?

30, 000 бясплатных знакаў, кожны дзень

30 жніўня 1999 года — 3000 артыкулаў.

Wan больш?